<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        div {
            border: 1px red solid;
            /*  */
            /* padding-left: 15px; */
            /* 取一个值 上右下左都是一样的内边距 */
            padding: 15px;
            /* 取两个值代表1.上下2.左右 */
            padding: 0 15px;
            /* 取三个值 1.上 2.左右 3.下 */
            padding: 15px 20px 30px;
            /* 取四个值 分布是：上右下左 */
            padding: 10px 20px 30px 15px;
        }
    </style>
</head>

<body>
    <!-- 设置 边框 与 内容区域 之间的 -->
    <div>内边距</div>
</body>

</html>